<template>
  <div>
    <div class="hero is-success" style="height: 490px;">
      <div class="hero-body">
        <div class="container"><p class="title">Extensions</p>
          <p class="subtitle">See how you can improve Buefy with other packages!</p></div>
      </div>
    </div>
    <section class="section">
      <div class="container has-text-centered">
        <h1 class="title">业务范围</h1>
        <h2 class="subtitle">
          提供多种服务项目
        </h2>
        <div class="columns">
          <div class="column">
            <div class="tile is-vertical">
              <div class="tile">
                <div class="tile  is-4by1">
                  <figure class="image">
                    <img src="https://bulma.io/images/placeholders/640x480.png">
                  </figure>
                </div>
                <div class="tile is-4by3">
                  <article class="tile is-child">
                    <p class="title">英语母语润色</p>
                    <p class="subtitle">Proofreading & Polishing</p>
                  </article>
                </div>
              </div>
              <div class="tile">
                <div class="content">
                  专业学科外籍编辑负责英文论文、投稿论文、会议论文、学位论文等学术英语润色
                </div>
              </div>
              <div class="tile">
                <a href="" class="is-link"><div class="content">了解更多></div></a>
              </div>
            </div>
          </div>
          <div class="column">
            <div class="tile is-vertical">
              <div class="tile">
                <div class="tile  is-4by1">
                  <figure class="image">
                    <img src="https://bulma.io/images/placeholders/640x480.png">
                  </figure>
                </div>
                <div class="tile is-4by3">
                  <article class="tile is-child">
                    <p class="title">英语母语润色</p>
                    <p class="subtitle">Proofreading & Polishing</p>
                  </article>
                </div>
              </div>
              <div class="tile">
                <div class="content">
                  专业学科外籍编辑负责英文论文、投稿论文、会议论文、学位论文等学术英语润色
                </div>
              </div>
              <div class="tile">
                <a href="" class="is-link"><div class="content">了解更多></div></a>
              </div>
            </div>
          </div>
          <div class="column">
            <div class="tile is-vertical">
              <div class="tile">
                <div class="tile  is-4by1">
                  <figure class="image">
                    <img src="https://bulma.io/images/placeholders/640x480.png">
                  </figure>
                </div>
                <div class="tile is-4by3">
                  <article class="tile is-child">
                    <p class="title">英语母语润色</p>
                    <p class="subtitle">Proofreading & Polishing</p>
                  </article>
                </div>
              </div>
              <div class="tile">
                <div class="content">
                  专业学科外籍编辑负责英文论文、投稿论文、会议论文、学位论文等学术英语润色
                </div>
              </div>
              <div class="tile">
                <a href="" class="is-link"><div class="content">了解更多></div></a>
              </div>
            </div>
          </div>
          <div class="column">
            <div class="tile is-vertical">
              <div class="tile">
                <div class="tile  is-4by1">
                  <figure class="image">
                    <img src="https://bulma.io/images/placeholders/640x480.png">
                  </figure>
                </div>
                <div class="tile is-4by3">
                  <article class="tile is-child">
                    <p>英语母语润色</p>
                    <p>Proofreading & Polishing</p>
                  </article>
                </div>
              </div>
              <div class="tile">
                <div class="content">
                  专业学科外籍编辑负责英文论文、投稿论文、会议论文、学位论文等学术英语润色
                </div>
              </div>
              <div class="tile">
                <a href="" class="is-link"><div class="content">了解更多></div></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section" style="background: #F6F6F4">
      <div class="container has-text-centered">
        <h1 class="title">业务特色</h1>
        <h2 class="subtitle">
          提供多种特色服务
        </h2>
      </div>
    </section>
  </div>
</template>

<script>

  import NuxtLink from "../.nuxt/components/nuxt-link";

  export default {
    data() {
      return {
        social: ['facebook', 'github'],
        fruit: ['苹果'],
        single: false
      }
    },
    components: {
      NuxtLink
    }
  }
</script>

<style>
</style>
